<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
	<title>List2</title>
	<link rel="stylesheet" href="../../iui/iui.css" type="text/css" />
	<link rel="stylesheet" href="../../iui/t/default/default-theme.css"  type="text/css"/>
	<script type="application/x-javascript" src="../../iui/iui.js"></script>
</head>

<body>

	<div class="toolbar">
		<h1 id="pageTitle"></h1>
		<a id="backButton" class="button" href="#"></a>
	</div>

	<div id="screen1" title="Screen 1" class="panel" selected="true">
		<h2>List title</h2>
		<ul>
			<li class="group">Links</li>
			<li><a href="#screen2">Go to Screen #2</a></li>
			<li><a href="#screen3">Go to Screen #3</a></li>
			<li class="group">No links</li>
			<li>Just a list item</li>
			<li>Just a list item</li>
		</ul>
	</div>

</body>
</html>
